<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<% String imgsrc="/food/resources/mainimg/"; //메인이미지 경로%>
<% String eventimg = "/food/resources/events/"; //이벤트 이미지 경로%>
<script language="JavaScript"><!--
function rollOut(name, nsdoc){
  var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
  if (name == '')
    return;
  if (img && img.altsrc) {
    img.src    = img.altsrc;
    img.altsrc = null;
  } 
}
function rollOver(name, nsdoc, rpath, preload){ 
  var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
  if (name == '')
    return;
  if (img) {
    img.altsrc = img.src;
    img.src    = rpath;
  } 
}

//메뉴롤오버
	function dlehd(index) {
	
	    if(index==1){
	    	location.href = "/food/taste/tastelist";
	    }else if(index==2){
	    	location.href = "/food/coupon/list";
	    }else if(index==3){
	    	location.href = "/food/thema/themaSelectList";
	    }else if(index==4){
	    	location.href = "/food/event/";
	    }
    
   }
   
   function rollOverImg(id,index){
    document.getElementById(id).src='<%=imgsrc%>m'+index+'-1.jpg';
   }
   
   function rollOutImg(id,index){
    if(document.getElementById('id_tmp').value == id)
     return;
    else
     document.getElementById(id).src='<%=imgsrc%>m'+index+'.jpg';      
   }
// -->
</script>
</head>
<body>
<p align="right">
<a href="/food/login/login" OnMouseOut="rollOut('Login', 'document')" OnMouseOver="rollOver('Login', 'document', '<%=imgsrc%>Login2.jpg', true)">
<img border="0" src="<%=imgsrc%>Login.jpg" name="Login"></a>

<a href="/food/login/join" OnMouseOut="rollOut('membership', 'document')" OnMouseOver="rollOver('membership', 'document', '<%=imgsrc%>membership2.jpg', true)">
<img border="0" src="<%=imgsrc%>membership.jpg" name="membership"></a>

<a href="/food/event/" OnMouseOut="rollOut('sitemap', 'document')" OnMouseOver="rollOver('sitemap', 'document', '<%=imgsrc%>sitemap2.jpg', true)">
<img border="0" src="<%=imgsrc%>sitemap.jpg" name="sitemap"></a>
</p>
<br><br><Br>
<input type="hidden" name="id_tmp" id="id_tmp">
<table border="0" align="center">
        <tr>
         <td><img id="btn1" src="<%=imgsrc%>m1.jpg" width="100" height="30"
          		onMouseOver="rollOverImg(this.id,1)" 
				onMouseOut="rollOutImg(this.id,1)" onClick="dlehd(1)"></td>

         <td><img id="btn2" src="<%=imgsrc%>m2.jpg" width="100" height="30"
         		onMouseOver="rollOverImg(this.id,2)" 
				onMouseOut="rollOutImg(this.id,2)" onClick="dlehd(2)"></td>

         <td><img id="btn3" src="<%=imgsrc%>m3.jpg" width="100" height="30"
         		onMouseOver="rollOverImg(this.id,3)" 
				onMouseOut="rollOutImg(this.id,3)" onClick="dlehd(3)"></td>

				
		<td><img id="btn4" src="<%=imgsrc%>m4.jpg" width="100" height="30"
         		onMouseOver="rollOverImg(this.id,4)" 
				onMouseOut="rollOutImg(this.id,4)" onClick="dlehd(4)"></td>
        </tr>
       </table>
</body>
</html>